<template>
  <div class="page-home">
    <div class="home-entry">
      <div class="container">
        <!-- 左侧分类 -->
        <HomeCategory />
        <!-- 首页广告 -->
        <HomeBanner />
      </div>
    </div>
    <div class="container">
      <!-- 新鲜好物 -->
      <HomeNew />
      <!-- 人气推荐 -->
      <HomeHot />
      <!-- 热门品牌 -->
      <HomeBrand />
      <!-- 产品区块 -->
      <HomeProduct />
      <!-- 最新专题 -->
      <HomeSpecial />

      <!-- 测试组件 -->
      <!-- <XtxSkeleton bg="red" width="150px" height="150px" animated /> -->
    </div>

    <!-- 测试代码 -->
    <!-- <XtxMore path="/abc" /> -->
  </div>
</template>

<script>

import HomeBanner from './components/home-branner'
import HomeCategory from './components/home-category'
import HomeNew from './components/home-new'
import HomeHot from './components/home-hot'
import HomeBrand from './components/home-brand'
import HomeProduct from './components/home-product'
import HomeSpecial from './components/home-special'
export default {
  name: 'Pagehome',
  components: {
    HomeCategory,
    HomeBanner,
    HomeNew,
    HomeHot,
    HomeBrand,
    HomeProduct,
    HomeSpecial
  }
}
</script>

<style lang="less" scoped>
</style>
